<ion-header>
    <ion-toolbar content-page>
        <ion-buttons start>
            <button ion-button icon-only navPop>
                <i class="back"></i>
            </button>
        </ion-buttons>
        <ion-title>
            搜索结果
        </ion-title>
        <ion-buttons end>
            <ion-buttons adpmenutoggle>
                <button ion-button icon-only>
                    <i class="menu"></i>
                </button>
            </ion-buttons>
        </ion-buttons>
    </ion-toolbar>
</ion-header>

<ion-content (ionScroll)="scrolling()" (ionScrollStart)="scrollStart($event)" (ionScrollEnd)="scrollEnd($event)">
    <!--下拉刷新-->
    <ion-refresher (ionRefresh)="doRefresh($event)" [pullMax]="800">
        <ion-refresher-content></ion-refresher-content>
    </ion-refresher>
    <!--搜索框-->
    <div class="info-hd">
        <div class="search-bar">
            <input [(ngModel)]="keyWord" (keyup.Enter)="inputKeyUp($event)"
                   type="text" placeholder="标题" maxlength="32">
            <i (click)="searchHandle($event)"></i>
        </div>
    </div>
    <div class="clear-div"></div>
    <!--消息类型列表-->
    <div class="search-list">
        <div class="search-item" *ngFor="let item of searchResultData">
            <div (click)="seeVideoDetail(item)">
                <div class="search-item-image">
                    <div class="play-img-btn" *ngIf="item.type===5"></div>
                    <img class="msl-card-img" [src]="item.webcastImgUrl">
                </div>
                <div class="search-item-other">
                    <div class="search-item-title" [innerHTML]="item.subject"></div>
                    <div class="search-item-time" *ngIf="item.type===5" [innerHTML]="item.webcastStartTime"></div>
                    <div class="msl-card msl-card-living"  *ngIf="item.type===1">正在直播</div>
                    <div class="msl-card msl-card-on-time"  *ngIf="item.type===2" [innerHTML]="item.webcastStartTime">></div>
                </div>
            </div>
        </div>

    </div>
    <div style="clear: both;"></div>
    <div *ngIf="!searchResultData.length" class="adp-list-noData">
        <span>没有数据</span>
    </div>
    <ion-fab bottom right class="go-up">
        <button ion-fab (click)="goUp()" color="light">
            <img class="go-up-icon" src="./assets/images/client/client-list/icon_top.png" alt="">
        </button>
    </ion-fab>
</ion-content>
